<template>
  <div class="top">
    <div class="container top-content">
      <div class="image">
        <img class="number-img" src="../../../assets/images/number-img.png" alt="" @click="GoHome">
      </div>
      <div class="line" />
      <div class="title">
        <span>{{ title }}</span>
        <!-- <span v-else-if="data == 1">找回密码</span> -->
        <!-- <span v-else>欢迎登录</span> -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Top',
  props: {
    // eslint-disable-next-line vue/require-default-prop
    title: {
      type: String,
      request: true
    }
  },
  data() {
    return {
      data: this.$route.query.params
    }
  },
  methods: {
    GoHome() {
      this.$router.push({
        path: '/'
      })
    }
  }
}
</script>

<style scoped lang="scss">
  .top{
    .top-content{
      display: flex;
      align-items: center;
      margin-top: 22px;
      padding-bottom: 24px;
      .image{
        .number-img{
          width: 151px;
          cursor: pointer;
          // height: 36px;
        }
      }
      .line{
        width:0px;
        height:40px;
        border:1px solid #E5E5E5;
        margin: 0 19px 0 33px;
      }
      .title{
        width:96px;
        height:31px;
        font-size:24px;
        font-weight:400;
        line-height:31px;
        color:#3D3D3D;
      }
    }
  }
</style>
